<template>
  <div class="app-wrapper">
    <networkhead />
    <div class="content">
      <div class="img">
        <img src="../../assets/images/create-ntework.png" alt="">
        <div class="font">
          欢迎使用智慧工地，您还没有创建任何工程哦！
        </div>
        <div class="create-btn">
          <router-link :to="{ name: 'CreateNetwork',}">
            <img src="../../assets/images/button.png" alt="">
          </router-link>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import Networkhead from './components/index'
export default {
  name: 'NewNetwork',
  components: {
    Networkhead
  },
  data() {
    return {

    }
  }
}
</script>

<style lang="scss" scoped>
  .app-wrapper{
    .content{
      width: 98%;
      height: 700px;
      background: rgba(37,38,47,1);
      margin: 20px auto;
      .img{
        padding-top: 108px;
        width: 400px;
        margin: 0 auto;
        .font{
          width: 336px;
          height: 22px;
          font-size: 16px;
          font-weight: 400;
          color: rgba(255,255,255,1);
          line-height: 22px;
          margin-left: 34px;
        }
        .create-btn{
          width: 88px;
          margin: 17px auto;
        }
      }
    }
  }
</style>
